<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/destfilter.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/js/jquery/jquery.form.js"></script>
    <script type="text/javascript" src="/js/system/destfilter.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
</head>
<body>
<#assign currentNav="destination">
<#include "../common/navbar.ftl">
<div class="container">
    <div class="row-top">
        <div class="wrapper">
            <div class="top-bar">
                <div class="crumb">
                    <div class="item"><a href="javascript:;" target="_blank">目的地</a><em>&gt;</em></div>
                    <div class="item cur">目的地筛选</div>
                </div>
            </div>

            <div class="filter-title">目的地筛选</div>
                <div class="filter-nav">
                    <dl class="clearfix1">
                        <dt>时间</dt>
                        <dd class="J_dd">
                            <div class="month clearfix">
                                <a class="on" href="javascript:void(0)">不限</a>
                                <a href="javascript:void(0)" class="month1" data-mid="1">1月</a>
                                <a href="javascript:void(0)" class="month2" data-mid="2">2月</a>
                                <a href="javascript:void(0)" class="month3" data-mid="3">3月</a>
                                <a href="javascript:void(0)" class="month4" data-mid="4">4月</a>
                                <a href="javascript:void(0)" class="month5" data-mid="5">5月</a>
                                <a href="javascript:void(0)" class="month6" data-mid="6">6月</a>
                                <a href="javascript:void(0)" class="month7" data-mid="7">7月</a>
                                <a href="javascript:void(0)" class="month8" data-mid="8">8月</a>
                                <a href="javascript:void(0)" class="month9" data-mid="9">9月</a>
                                <a href="javascript:void(0)" class="month10" data-mid="10">10月</a>
                                <a href="javascript:void(0)" class="month11" data-mid="11">11月</a>
                                <a href="javascript:void(0)" class="month12" data-mid="12">12月</a>
                            </div>
                        </dd>
                    </dl>
                    <dl class="clearfix2">
                        <dt>主题</dt>
                        <dd class="J_dd theme">
                            <a class="on" href="javascript:void(0)">不限</a>
                            <div class="sub-nav">
                                <dl class="clearfix">
                                    <dt>全年适宜：</dt>
                                    <dd>
                                        <#list annual as a>
                                            <a href="javascript:void(0)" class="themeId${a.id}" data-tid="${a.id}">${a.name}</a>
                                        </#list>
                                    </dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt>季节：</dt>
                                    <dd>
                                        <#list season as s>
                                            <a href="javascript:void(0)" class="themeId${s.id}" data-tid="${s.id}">${s.name}</a>
                                        </#list>
                                    </dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt>出行方式：</dt>
                                    <dd>
                                        <#list goings as g>
                                            <a href="javascript:void(0)"  class="themeId${g.id}" data-tid="${g.id}">${g.name}</a>
                                        </#list>
                                    </dd>
                                </dl>
                                <dl class="clearfix">
                                    <dt>节假日：</dt>
                                    <dd>
                                        <#list festivals as f>
                                            <a href="javascript:void(0)" class="themeId${f.id}" data-tid="${f.id}" >${f.name}</a>
                                        </#list>
                                    </dd>
                                </dl>
                            </div>
                        </dd>
                    </dl>

                    <dl class="clearfix3">
                        <dt>天数</dt>
                        <dd class="J_dd mydays">
                            <a class="on" href="javascript:void(0)">不限</a>
                            <a href="javascript:void(0)" data-did="1">2-3天</a>
                            <a href="javascript:void(0)" data-did="2">4-5天</a>
                            <a href="javascript:void(0)" data-did="3">6-9天</a>
                            <a href="javascript:void(0)" data-did="4">10天及以上</a>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <div class="row-list" id="searchData">

    </div>
    <form action="/destination/getBourn" method="post" id="searchForm">
        <input type="hidden" name="currentPage" value="1" id="currentPage">
        <input type="hidden" name="mid" value="${qo.mid!}" id="mid">
        <input type="hidden" name="tid" value="${qo.tid!}" id="tid">
        <input type="hidden" name="did" value="${qo.did!}" id="did">
    </form>
</div>

<#include "../common/footer.ftl">
</body>
</html>